<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1, width=device-width, maximum-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name='apple-touch-fullscreen' content='yes'>
    <meta name="full-screen" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="address=no">
    <meta http-equiv="content-type" content="text/html">
    <meta content="always" name="referrer">
    <title>万雅资料展示</title>

    <link rel="stylesheet" href="../src/css/main.css">

    <script src="../src/js/zepto.min.js"></script>
    <script src="../src/js/resize.js"></script>
    <script src="../src/js/artTemplate.min.js"></script>
    <script src="../src/js/swiper.min.js"></script>
    <script src="../src/js/main.js"></script>
</head>
<body >

<section class="main-image swiper-container">
    <ul id="slider" class="swiper-wrapper"></ul>
    <div class="swiper-img-btn"><div class="swiper-pagination"></div></div>
</section>

<section id="videoResult" class="video-content"></section>

<section id="imgResult"></section>
<script id="swipTpl" type="text/html">
    {{each results as value i}}
    <li class="swiper-slide">
        <a href="{{results[i].linkUrl}}">
            <div class="img_1[{{i+1}}]">
                <img class="swiper-lazy"
                     data-src="{{results[i].picUrl}}">
                <div class="swiper-lazy-preloader"></div>
            </div>
        </a>
    </li>
    {{/each}}
</script>
<script id="videoTpl" type="text/html">
    {{each results as value i}}
    <section class="vg-video">
        <h3><p>{{results[i].name}}</p><aside><a download="{{results[i].downloadFileName" href="{{results[i].fileDownloadUrl}}">下载视频</a></aside></h3>
        <video src="{{results[i].fileResourceUrl}}" controls="controls" >
            您的浏览器不支持 video 标签。
        </video>
    </section>
    {{/each}}
</script>
<script id="imgTpl" type="text/html">
    {{each results as value i}}
    <div class="img-item">
        <a class="img-link" href="{{results[i].linkUrl | aLink:'javascript:'}}">
            <img src="{{results[i].picUrl}}" alt="{{results[i].name}}">
        </a>
        <h3><p>{{results[i].name}}</p>{{if results[i].fileDownloadUrl}}<aside><a download="{{results[i].downloadFileName" href="{{results[i].fileDownloadUrl | aLink:'javascript:'}}">下载</a></aside>{{/if}}</h3>
    </div>
    {{/each}}
</script>
</body>
</html>